@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }

ul,li,ol{list-style:none;}

.l{ float:left;}
.r{ float:right;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#00a1e9;}
.clear{clear:both;}
img{border:0;}


input,textarea{  font-family:"Microsoft YaHei";}
input:focus,textarea:focus{ outline:none;}

::selection{ background:#00a1e9; color:#fff;}
::-moz-selection{ background:#00a1e9; color:#fff;}
::-webkit-selection{ background:#00a1e9; color:#fff;}




/* header */
.header{ width:100%; max-width:1920px; min-width:1180px; height:86px; margin:0 auto ; background-color: #fff; position: relative; z-index:9; box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
/* .headerLeft{ max-width:370px; width:20%; top:0; position:absolute; height:86px; background:#b2e3f8; left:0; z-index:3;} */
.headerC{ width:100%; height:86px; margin:0 auto; position: absolute; z-index:2;}
.headerList{ width:1180px; margin:0 auto; position:relative; height:86px; z-index:4;}
.headerLogo{  width:200px; height:86px; float: left;}
.headerLogo a{ display:block; width:200px; height:86px; background:url(../images/headerLogo.png) center center no-repeat;}
.headerNav{float:right; position:relative;}
.headerNav1{float:right; position:relative;}
#blob{ display: none; position: absolute; width:110px ; height: 86px !important; z-index: 1; top: 0 !important; background-color: #00a1e9;}
.hnav{position: relative; float: left;}
.hnav li{float: left; list-style: none; height:86px;  margin-left: 1px; }
.hnav li a{color: #333; z-index: 2; position: relative; cursor: pointer; float: left; font-size: 18px; width: 80px;  padding: 0 20px; text-decoration: none; height:86px; line-height:86px; text-align:center; }

.hnav li:hover a{ color: #fff; background-color: #00a1e9;}
.hnav #selected a{color: #fff;  background-color: #00a1e9;}

/* 
@media screen and (max-width:1200px){
.headerLeft{ max-width:370px; width:0; top:0; position:absolute; height:86px; background:#00a1e9; left:0; z-index:2;}	
}
 */




/* banner */
.banner{ width:100%; max-width:1920px; min-width:1180px; margin:-116px auto 0; height:500px; position:relative; z-index:1;}
.bannerC{ width:100%; position:absolute; height:110px; bottom:0;}
.bannerList{ width:1180px; margin:0 auto;}
.bannerList ul{ float:right; }
.bannerList ul li{ float:left; margin-left:12px; width:86px; height:110px; overflow:hidden; position:relative;}
.bannerList .img{ width:84px; height:84px; border-radius:43px; border:solid 1px #00a1e9; overflow:hidden;}
.bannerList .title{ font-size:12px; color:#00a1e9; text-align:center; margin-top:5px;}

.banner1{width:100%;position:absolute;height:500px; top:0; }
.banner1 .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner1 .bd ul{width:100% !important;}
.banner1 .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center;}
.banner1 .bd li a{display:block;height:500px;}
.banner1 .hd{width:100%;position:absolute;z-index:1;bottom:40px;left:0;height:30px;line-height:30px;}
.banner1 .hd ul{ width:1100px; margin:0 auto; text-align:left;}
.banner1 .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:0 5px;overflow:hidden; border-radius:512px;background:rgba(0,161,233,0.5);line-height:999px;}
.banner1 .hd ul .on{background:rgba(0,161,233,1); width:14px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}



/* product */
.product{ overflow:hidden; position:relative; width:1200px; margin:40px auto 0; }
.productTop{width:1180px; margin:0 auto 25px; font-size:24px; color:#666; text-transform:Uppercase; height:39px; line-height:39px; border-bottom:solid 1px #00a1e9;}
.productTop span{ font-size:18px;font-style:oblique;}
.productTop a{ float:right; font-size:14px; color:#999;}
.productTop a:hover{ color:#00a1e9;}
.product ul{ overflow:hidden; zoom:1; width:1200px;  float:left; _display:inline;  }
.product ul li{ margin:0 10px ; width:280px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.product ul li .img{ width:280px; height:280px; overflow:hidden;}
.product ul li .img img{ width:280px; height:280px; display:block;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.product ul li .title{ font-size:16px; color:#666; margin-top:10px;  text-align:center;   }
.product ul li:hover .title{ color:#00a1e9;}
.product ul li:hover .img img{transform: scale(1.07,1.07); -webkit-transform: scale(1.07,1.07);}



/* about */
.about{ width:1180px; margin:40px auto 0; height:300px; position:relative;}
.aboutImg{ float:left; width:450px; height:300px; background:url(../images/about.jpg) center center no-repeat;}
.aboutCon{ float:right; width:660px; padding:35px; height:230px; background:url(../images/aboutbg.jpg) center center no-repeat; overflow:hidden;}
.aboutCon .title{ font-size:30px; color:#fff; font-weight:bold;}
.aboutCon .content{ font-size:16px; line-height:38px; margin-top:15px; color:#fff;}





/* main */
.main{ width:1180px; margin:40px auto 0; height:424px; position:relative;}
.news{ float:left; height:424px; width:660px;}
.newsTop{width:660px; margin:0 0 6px ; font-size:24px; color:#666; text-transform:Uppercase; height:39px; line-height:39px; border-bottom:solid 1px #00a1e9;}
.newsTop span{ font-size:18px; font-style:oblique;}
.newsTop a{ float:right; font-size:14px; color:#999;}
.newsTop a:hover{ color:#00a1e9;}
.news li{ float:left; width:660px; height:114px; margin:6px 0; background:#fafafa;}
.news li .img{ float:left; width:160px; height:114px; overflow:hidden;}
.news li .img img{ width:160px; height:114px;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.news li .con{ float:right; width:470px; height:94px; padding:10px 15px;}
.news li .title{ font-size:16px; color:#666; font-weight:bold; margin-top:2px;} 
.news li .time{ font-size:12px; color:#666; margin-top:5px;}
.news li .summary{ font-size:12px; color:#999; line-height:22px; margin-top:7px;}
.news li:hover{ background:#00a1e9;-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.news li:hover .title,.news li:hover .time,.news li:hover .summary{ color:#fff;-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.news li:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.mainRight{ float:right; width:492px; height:424px;}
.adv{ float:left; margin:6px 0 0 2px;width:490px;position:relative;overflow:hidden;height:300px;}
.adv .bd{position:relative;z-index:0;}
.adv .bd li{width:490px;height:300px;overflow:hidden;}
.adv .bd li img{display:block;width:490px;height:300px;}
.adv .hd{width:100%;position:absolute;z-index:1;bottom:15px;left:0;}
.adv .hd ul{text-align:center;}
.adv .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 4px;background:rgba(255, 255, 255, 0.5); border-radius:50%;overflow:hidden; vertical-align:top;line-height:9999px;}
.adv .hd ul .on{background:#fff;}
.adv .timer{position:absolute;z-index:1;left:0;bottom:0;height:3px;width:0;background:rgba(0, 161, 233, 0.7);font-size:0;overflow:hidden;}

.service{ float:left; width:492px; margin-top:24px; height:88px;}
.service li{ float:left; width:121px; height:42px; margin:2px 0 0 2px; background:#fafafa; text-align:center;}
.service li a{ display:block; font-size:16px; color:#666; line-height:42px; font-weight:bold;}
.service li:hover{ background:#00a1e9;}
.service li:hover a{ color:#fff;}





/* footer */
.waveBox{position:relative; height:40px; width:100%; max-width:1920px; margin:60px auto 0; background:#fff;}
.waveCont{overflow:hidden; width:100%; position:absolute; left:0; top:0;}
.waveCon{width:8000%; height:40px}
.waveList{float:left; height:40px; overflow:hidden; zoom:1;}




/* footer */
.footer{ width:100%; margin:0 auto ; padding:35px 0; background:#00a1e9; max-width:1920px; min-width:1200px;}
.footerC{ width:1180px; margin:0 auto;}
.footerNav{width:750px;}
.footerNav dl{float:left; width:125px;}
.footerNav dl dt{line-height:16px; font-size:16px; color:#fff; margin-bottom:14px;}
.footerNav dl dd a{ font-size:12px; line-height:26px; color:#fff;}
.footerNav dl dd a:hover{ text-decoration:underline;}
.footerIcon p{ display:block; width:106px; float:left; text-align:center; margin-right:38px; color:#fff;}
.footerIcon p img{ width:106px; height:106px;}
.footerIcon p span{ line-height:32px;}
.footerIcon p a{ color:#fff;}
.footerTel{width:254px; text-align:center; color:#999;}
.footerTel p b{  font-size: 30px; color: #fff;}
.footerTel .tel{ font-size:14px; color:#fff; line-height:26px; margin-top:4px;}
.footerTel .add{ color:#fff;}
.footerTel a{ width:130px; height:42px; background:#f39800; display:block; font-size:14px; color:#fff; line-height:42px; margin:14px auto 0; padding:0 15px;}
.footerTel a i{ display:block; width:23px; height:20px; float:left; margin:11px 5px 11px 0; background: url(../images/iconService.png);}


/* copy */
.copy{ width:100%; margin:0 auto; max-width:1920px; padding:20px 0; background:#0087c3; min-width:1180px;}
.copy p{ text-align:center; line-height:26px; color:#fff; text-transform:Uppercase;}
.copy a{ color:#fff;}
.copy a:hover{ color:#fff; text-decoration:underline;}





/* pageCrumbs */
.pageCrumbs{ width:100%; max-width:1920px; min-width:1180px; margin:20px auto 0; height:39px; position:relative; border-bottom:solid 1px #eee;}
.pageCrumbs p{ width:1180px; margin:0 auto; text-align:right; color:#aaa; line-height:39px; height:39px; font-size:14px;}
.pageCrumbs p a{ color:#aaa;}
.pageCrumbs p a:hover{ color:#00a1e9;}


/* pageNav */
.pageNav{ width:100%; max-width:1920px; min-width:1188px; margin:15px auto 0; padding-bottom:15px; position:relative; border-bottom:solid 1px #eee;}
.pageNav ul{ width:1188px; margin:0 auto; }
.pageNav ul li{ float:left; width:124px; margin:4px; height:42px; line-height:42px; text-align:center; font-size:14px; background:#eee; overflow:hidden;}
.pageNav ul li a{ display:block; color:#666;}
.pageNav ul li:hover{ background:#00a1e9;}
.pageNav ul li:hover a{ color:#fff;}
.pageNav ul .on{ background:#00a1e9;}
.pageNav ul .on a{ color:#fff;}



/* pageProduct */
.pageProduct{width:1200px; margin:30px auto 0; position:relative;}
.pageProduct ul{ overflow:hidden; zoom:1; width:1200px;  float:left; display: table; font-size: 0; text-align: left;  }
.pageProduct ul li{ margin:10px ; width:280px; display: inline-block; vertical-align: top; overflow:hidden; text-align:center;  }
.pageProduct ul li .img{ width:280px; height:280px; overflow:hidden;}
.pageProduct ul li .img img{ width:280px; height:280px; display:block;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.pageProduct ul li .title{ font-size:16px; color:#666; margin-top:10px;  text-align:center;   }
.pageProduct ul li:hover .title{ color:#00a1e9;}
.pageProduct ul li:hover .img img{transform: scale(1.07,1.07); -webkit-transform: scale(1.07,1.07);}


/* ProductDetails */
.ProductDetails{ width:1200px; margin:30px auto 100px; position:relative;}
.ProductDetails .title{ font-size:30px; font-weight:bold; color:#666;}

.DetailsList{width: 1200px; margin-top:30px ;  position:relative; overflow: hidden;}
.DetailsList .hd{ width:1180px; margin:0 auto; height:40px;border-bottom:solid 1px #00a1e9; padding-bottom:1px; }
.DetailsList .hd li{float: left; margin-right:5px;height: 40px;line-height: 40px; text-align:center; width:124px;}
.DetailsList .hd li a{display:block; font-size:14px; color:#666; background:#eee; }
.DetailsList .hd li a:hover { color:#fff;background:#00a1e9;}
.DetailsList .hd li.on a{background: #00a1e9; color:#fff;}
.DetailsList .bd{ width:100%; position:relative; margin-top:40px;}
.DetailsList .Introduction{ width:1180px; margin:0 auto;}
.DetailsList .IntroductionLeft{ float:left; width:710px; font-size:14px; line-height:30px; color:#666;}
.DetailsList .IntroductionLeft img{ max-width:100%;}
/*主容器*/
.DetailsList .IntroductionRight{width: 435px;height:360px; float:right;}
/*正常容器*/
.DetailsList .ProductImg{ float:left;width: 354px;height: 354px; margin:2px 0;position: relative; border:solid 1px #eee;}
.DetailsList .ProductImg img{width: 354px;height:354px;}
/*滑块*/
.DetailsList .ProductImgBegin{width: 130px; height: 130px; background:rgba(0, 161, 233, 0.5);left: 0;top: 0; position: absolute;cursor: move;display: none;}
/*放大镜显示区域*/
.DetailsList .ProductImgShow{width: 356px;height: 356px;display: none;position: absolute;right:366px;top: 0;overflow: hidden;background-color: #454545;}
.DetailsList .ProductImgShow img{width: 1000px;height: 1000px;}
/*设置选择图片容器*/
.DetailsList .ProductImgList{ float:right;margin:0;height:340px;width:70px;list-style: none;}
.DetailsList .ProductImgList li{margin:2px 0;width: 66px;height: 66px;float: left;cursor: pointer;border: 1px solid #eee;text-align:center;}
.DetailsList .ProductImgList li img{vertical-align:top;display:inline;width:66px;height:66px;}
.DetailsList .ProductImgList .active{width: 64px;height: 64px;border: 2px solid #00a1e9;}
.DetailsList .ProductImgList .active img{ width:64px; height:64px;}

.DetailsList .norm,.DetailsList .order{ width:1180px; margin:0 auto; font-size:14px; line-height:30px; color:#666;}
.DetailsList .norm img,.DetailsList .order img{ max-width:100%;}

.DetailsList .download{ width:1178px; margin:30px auto; border:solid 1px #eee;}
.DetailsList .downloadTop{ width:1120px; height:44px; background:#eee; padding:0 29px;}
.DetailsList .downloadTop p{ float:left; height:44px; line-height:44px; font-size:14px; color:#666; font-weight:bold;}
.DetailsList .downloadTop .downloadName{ width:84%; overflow:hidden;}
.DetailsList .downloadTop .downloadFormat{ width:12%; overflow:hidden;}
.DetailsList .downloadTop .downloadSize{ width:12%; overflow:hidden;}
.DetailsList .downloadTop .downloadTime{ width:20%; overflow:hidden;}
.DetailsList .downloadTop .downloads{ width:16%; overflow:hidden;}
.DetailsList .downloadC{ display:inline-block; padding:10px 29px 29px;}
.DetailsList .downloadC li{ float:left; width:1120px; border-bottom: dotted 1px #ccc; height:60px; line-height:60px;}
.DetailsList .downloadC li p{ float:left; font-size:14px; color:#333;}
.DetailsList .downloadC .downloadName{ width:84%; overflow:hidden; font-size:14px; color:#666; font-weight:bold;}
.DetailsList .downloadC .downloadFormat{ width:12%; overflow:hidden;}
.DetailsList .downloadC .downloadSize{ width:12%; overflow:hidden;}
.DetailsList .downloadC .downloadTime{ width:20%; overflow:hidden;}
.DetailsList .downloadC .downloads{ width:16%; height:40px; background:#00a1e9; line-height:40px; text-align:center; margin-top:10px; border-radius:4px;}
.DetailsList .downloadC .downloads a{ display:block; color:#fff; font-weight:bold;}
.DetailsList .downloadC .downloads:hover{ background:#f39800; }

.DetailsList .related ul{ overflow:hidden; zoom:1; width:1200px;   float:left; _display:inline;  }
.DetailsList .related ul li{ margin: 10px ; width:280px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.DetailsList .related ul li .img{ width:280px; height:280px; overflow:hidden;}
.DetailsList .related ul li .img img{ width:280px; height:280px; display:block;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.DetailsList .related ul li .title{ font-size:16px; color:#666; margin-top:10px;  text-align:center;   }
.DetailsList .related ul li:hover .title{ color:#00a1e9;}
.DetailsList .related ul li:hover .img img{transform: scale(1.07,1.07); -webkit-transform: scale(1.07,1.07);}



/* pageNews */
.pageNews{ width:1180px; margin:40px auto 0 ;}
.pageNews li{ float:left; width:1180px; height:114px; margin:10px 0; border-bottom:dashed 1px #ddd; padding-bottom:20px}
.pageNews li .img{ float:left; width:160px; height:114px; overflow:hidden;}
.pageNews li .img img{ width:160px; height:114px;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.pageNews li .con{ float:right; width:990px; height:114px; padding:0 15px;}
.pageNews li .title{ font-size:16px; color:#666; font-weight:bold; margin-top:2px;} 
.pageNews li .time{ font-size:12px; color:#666; margin-top:7px;}
.pageNews li .summary{ font-size:12px; color:#999; line-height:20px; margin-top:5px;}
.pageNews li:hover .title,.pageNews li:hover .time,.pageNews li:hover .summary{ color:#00a1e9;-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.pageNews li:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}


/* pageNewsD */
.pageNewsD{ width:1180px; margin:40px auto 0;}
.pageNewsD .title{ font-size:26px; color:#333; font-weight:bold; text-align:center;}
.pageNewsD .time{ font-size:14px; text-align:center; margin-top:7px; border-bottom: dashed 1px #ddd; padding-bottom:12px;}
.pageNewsD .time span{ font-weight:bold;}
.pageNewsD .cont{ color:#333; font-size:14px; margin-top:30px; line-height:28px;}
.pageNewsD .cont img{ max-width:100%;}


/* pageAbout */
.pageAbout{ width:1180px; margin:40px auto 0; position:relative; font-size:14px; line-height:28px; color:#666; overflow:hidden;}
.pageAbout img{ max-width:100%;}


/* pageHonor */
.pageHonor{ width:1200px; position:relative;  margin:30px auto 0; padding:0;  }
.pageHonorImg{ width:1200px; margin:0 0 ;}
.pageHonorImg li{ width:280px; height:250px; margin:10px; overflow:hidden; background:#000; float:left; position:relative;}
.pageHonorImg .img{ width:100%; height:200px; position:absolute; left:0; top:0;}
.pageHonorImg .text{ width:100%; height:50px; line-height:50px; text-align:center; padding:0 0 30px 0; overflow:hidden; font-size:14px; background:#eee; position:absolute; left:0; bottom:-30px;}
.pageHonorImg li:hover .text{ color:#fff; background:#00a1e9 url(../images/iconNews2.png) center 40px no-repeat;}

#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 105;}
#boxer{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:10px; position: absolute; z-index: 105;}
#boxer .boxer-close{background:url(../images/iconImg.png) no-repeat 0px 0px; cursor:pointer; display:block; height:50px; position:absolute; right:10px; top:10px; width:50px;text-indent:-99999px; z-index:106;}
#boxer .boxer-close:hover{ background:#00a1e9 url(../images/iconImg.png) no-repeat 0px 0px;}
#boxer .boxer-arrow{background:#000 url(../images/iconImg.png) no-repeat 0 -50px; cursor:pointer; display:block; height:50px; margin:0 auto; position: absolute; text-indent:-99999px; top:50px; width:50px;}
#boxer .boxer-arrow.previous{left:-50px;}
#boxer .boxer-arrow.next{background-position:-50px -50px; right:-50px;}
#boxer .boxer-position{color:#999; font-size:12px; margin:0; padding:10px 0 6px;}
#boxer .boxer-caption p{margin:0;padding:0; font-size:16px;}
#boxer .boxer-caption.gallery p{padding: 0;}
#boxer.loading .boxer-container{background: #fff url(../images/loading.gif) no-repeat center;}



/* pageHr */
.pageHr{ width:1178px; border:solid 1px #eee; padding:39px 0;  margin:60px auto; position:relative;}
.HrList{width:1100px;margin:0 auto;}
.HrPosition{height: 80px;cursor: pointer; line-height:80px; border-bottom: 1px solid #eee;position: relative;}
.HrPosition p{ float:left;}
.HrPosition .Title{ font-size:18px; width:340px; padding-left:40px; color:#333; font-weight:bold;}
.HrPosition .Location{ font-size:14px; color:#666; width:160px; padding-left:20px;}
.HrPosition .Years{ font-size:14px; color:#666; width:160px; padding-left:20px;}
.HrPosition .Wage{ font-size:14px; color:#666; width:160px; padding-left:20px;}
.HrPosition .People{ font-size:14px; color:#666; width:160px; padding-left:20px;}
.HrList .current{}
.HrPosition:hover{background:#00a1e9;border-bottom: 1px solid #00a1e9;}
.HrPosition:hover .Title,.HrPosition:hover .Location,.HrPosition:hover .Years,.HrPosition:hover .Wage,.HrPosition:hover .People{ color:#fff;}
.PositionCon{line-height:32px; border-bottom:solid 2px #00a1e9; padding:20px 40px; font-size:14px; color:#333;}
.PositionCon img{ max-width:100%;}


/* pageDownload */
.pageDownload{ width:1178px; margin:40px auto 60px; border:solid 1px #eee;}
.pageDownload .downloadTop{ width:1120px; height:64px; background:#eee; padding:0 29px;}
.pageDownload .downloadTop p{ float:left; height:64px; line-height:64px; font-size:16px; color:#666; font-weight:bold;}
.pageDownload .downloadTop .downloadName{ width:40%; overflow:hidden;}
.pageDownload .downloadTop .downloadFormat{ width:12%; overflow:hidden;}
.pageDownload .downloadTop .downloadSize{ width:12%; overflow:hidden;}
.pageDownload .downloadTop .downloadTime{ width:20%; overflow:hidden;}
.pageDownload .downloadTop .downloads{ width:16%; overflow:hidden;}
.pageDownload .downloadC{ display:inline-block; padding:10px 29px 29px;}
.pageDownload .downloadC li{ float:left; width:1120px; border-bottom: dotted 1px #ccc; height:70px; line-height:70px;}
.pageDownload .downloadC li p{ float:left; font-size:14px; color:#333;}
.pageDownload .downloadC .downloadName{ width:40%; overflow:hidden; font-size:14px; color:#666; font-weight:bold;}
.pageDownload .downloadC .downloadFormat{ width:12%; overflow:hidden;}
.pageDownload .downloadC .downloadSize{ width:12%; overflow:hidden;}
.pageDownload .downloadC .downloadTime{ width:20%; overflow:hidden;}
.pageDownload .downloadC .downloads{ width:16%; height:40px; background:#00a1e9; line-height:40px; text-align:center; margin-top:15px; border-radius:4px;}
.pageDownload .downloadC .downloads a{ display:block; color:#fff; font-weight:bold;}
.pageDownload .downloadC .downloads:hover{ background:#f39800; }




/* pageContact */
.pageContact{ width:1180px; margin:60px auto;}
.ContactList{ width:1180px;  overflow:hidden;}
.contactList1{ float:left; width:440px;}
.contactOn{ width:100%; height:160px; border-bottom:solid 2px #eee; color:#333;}
.contactOn .On1{ font-size:24px; font-family:Arial;}
.contactOn .On2{ font-size:30px; font-weight:bold;}
.contactOn .On3{ font-size:14px; margin-top:5px; line-height:26px;  color:#666;}
.contactOn .On3 span{ color:#00a1e9; font-weight:bold;}
.contactUn{ width:100%; margin-top:20px;}
.contactUn .ADD{ float: left; margin:15px 0; width:100%; height:40px;}
.ADD .ADDImg i{ float:left; width:40px; height:40px; margin:0 ; background:url(../images/contacticon.png) no-repeat;}
.ADD .ADDImg .img1{background-position: 0 0;}
.ADD .ADDImg .img2{background-position: -40px 0;}
.ADD .ADDImg .img3{background-position: -80px 0;}
.ADD .ADDImg .img4{background-position: -120px 0;}
.ADD .ADDCon{ float:left; margin-left:15px; line-height:20px; }
.ADD .ADDCon span{ font-size:14px; color:#aaa;}
.ADD .ADDCon p{ font-size:14px; color:#333; font-weight:bold;}

.page_messages{ float:right; width:650px; margin-top:10px;}
.page_messages_top{font-size:20px; position:relative; color:#333; font-weight:bold; border-bottom:solid 1px #eee; padding-bottom:10px;}
.page_messages_list{ width:650px; margin-top:10px; overflow:hidden;}
.page_messages_list .row{ width:100%; clear:both;  margin: 10px 0;}
.page_messages_list label{ position:relative; display:block; }
.page_messages_list label span{ position:absolute; left:24px; top:18px; font-size:14px; color:#ccc;}
.page_messages_list .txt{ border:1px solid #eee; padding:20px 24px; background:#fff;}
.page_messages_list .txt:focus{ border:2px solid #00a1e9; padding: 19px 23px; background:#fff;}
.page_messages_list .txt.w1{ width:600px; height:14px; line-height:14px;}
.page_messages_list .txt.w2{ width:600px; height:80px; line-height:14px;}
.page_messages_list .btn{ float:left; border:0; background:#00a1e9; width:650px; height:60px; cursor:pointer; text-align:center; font-size:24px; font-weight:bold; color:#fff;}
.page_messages_list .row .btn:hover{ background:#f39800; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}


.pageMap{ float:left; width:1180px; height:600px; margin:70px auto 40px; }

.pageMessages{width:1180px; margin:60px auto 100px;}
.page_messages1{  width:1180px; margin-top:10px;}
.page_messages1_top{font-size:18px; position:relative; color:#666; font-weight:bold; border-bottom:solid 1px #eee; padding-bottom:10px;}
.page_messages1_list{ width:1180px; margin-top:10px; overflow:hidden;}
.page_messages1_list .row{ width:100%; clear:both;  margin: 10px 0;}
.page_messages1_list label{ position:relative; display:block; }
.page_messages1_list label span{ position:absolute; left:24px; top:18px; font-size:14px; color:#ccc;}
.page_messages1_list .txt{ border:1px solid #eee; padding:20px 24px; background:#fff;}
.page_messages1_list .txt:focus{ border:2px solid #00a1e9; padding: 19px 23px; background:#fff;}
.page_messages1_list .txt.w1{ width:1130px; height:14px; line-height:14px;}
.page_messages1_list .txt.w2{ width:1130px; height:80px; line-height:14px;}
.page_messages1_list .btn{ float:left; border:0; background:#00a1e9; width:1180px; height:60px; cursor:pointer; text-align:center; font-size:24px; font-weight:bold; color:#fff;}
.page_messages1_list .row .btn:hover{ background:#f39800; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}


.pages { margin:50px 0; position:relative; text-align:center; font-size:12px;}
.pages a { display:inline-block; height:35px; line-height:35px; background:#fff; border:1px solid #eee; text-align:center; color:#333; padding:0 15px; margin-left:6px;}
.pages a.a1 { background:#fff; width:56px; padding:0; }
.pages a:hover { background:#00a1e9;  border:1px solid #00a1e9; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:35px; line-height:35px; background:#00a1e9; border:1px solid #00a1e9; color:#fff; text-align:center; padding:0 15px; margin-left:6px;}

.pages1{  margin:50px auto 50px;}
.pages1_l{ float:left; width:270px; height:40px; border:solid 1px #e9e9e9;border-radius:4px;text-align:center; }
.pages1_l a{ line-height:40px; color:#444;}
.pages1_l:hover{ background:#00a1e9; color:#fff;  border:solid 1px #00a1e9;}
.pages1_l:hover a{ color:#fff; display:block;}
.pages1_r{ float:right; width:270px; height:40px; border:solid 1px #e9e9e9;border-radius:4px;text-align:center; }
.pages1_r a{ line-height:40px; color:#444; display:block;}
.pages1_r:hover{ background:#00a1e9; color:#fff; border:solid 1px #00a1e9;}
.pages1_r:hover a{ color:#fff;}




/* kefu */
#cs_box {width:156px; height:340px; color:#FFF; background:#00a1e9; position:fixed; margin-top: -170px; right:0; top:50%; z-index:1000;}
.cs_title {font-size:18px; width:156px; height:50px; border-bottom:solid 1px #0086c2; line-height:50px; background:url(../images/kefu1.png) 26px center no-repeat; font-weight:bold;}
.cs_title{ color:#fff; display:block; width:156px; height:50px; cursor:pointer;}
.cs_title span{ margin-left:58px;}
.cs_img{width:120px; height:120px; background:#FFF; margin:15px 18px 10px 18px; border-radius: 5px; overflow:hidden;}
.cs_img img{ width:106px; height:106px; margin: 7px;}
.cs_info { width:120px; font-size:12px; margin:0px 18px;  text-align:center;}
.cs_btn {width:100px; height:36px; background: url(../images/kefu3.png) 20px center no-repeat #fff; padding-left:20px; margin:10px 18px; border-radius:5px;text-align:center; cursor:pointer;}
.cs_btn a{ font-size:14px; line-height:36px; color:#333; display:block; }
.cs_btn a:hover{ color: #0086c2;}